<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>windows11</title>
  <link rel="stylesheet" href="assets/css/index.css" />
</head>

<body>
  <div class="win-box">
    <div class="win">
      <div class="desktop">
        <div class="program-box">
          <!-- <div class="program">
              <img class="svgIcon" src="assets/image/svg/computer.svg" alt="">
              <div class="name">此电脑</div>
          </div> -->
        </div>
        <div class="mouse-select-box" data-adb="123132">
          <div class="mouse-select-box-in"></div>
        </div>
        <div class="contextMenu">
          <!-- <div class="menu-box">
              <div class="menu-item">
                  <div class="operate"></div>
                  <div class="icon">
                      <img src="./assets/image/svg/all-application-fff.svg" alt="">
                  </div>
                  <div class="text">查看</div>
                  <div class="right">
                      <img src="./assets/image/svg/right-fff.svg" alt="">
                  </div>
                  <div class="rightContext"></div>
              </div>
          </div> -->
        </div>
      </div>
      <!-- <img class="wallpaper" src="" alt=""> -->
      <div class="welcome">
        <div class="welcome-loading">
          <!-- <div class="loading-box">
            <div class="round"></div>
          </div> -->
        </div>
        <div class="welcome-txt">加载中，请稍后</div>
      </div>
      <div class="rightContext">
        <div class="dycalendarBox">
          <div class="dycalendarBoxTop">
            <div class="left">
              <div class="date1"></div>
              <div class="date2"></div>
            </div>
            <div class="btn">
              <img class="rightImg" src="" alt="">
            </div>
          </div>
          <div class="dycalendar">
            <div class="top">
              <div class="date"></div>
              <div class="btns">
                <div class="btn"><img class="prev" src="" alt="" /></div>
                <div class="btn"><img class="next" src="" alt="" /></div>
              </div>
            </div>
            <div class="tableBox"></div>
          </div>
          <div class="bottom">
            <div class="left">
              <div class="btn"><img src="" alt=""></div>
              <div class="minute"></div>
              <div class="btn"><img src="" alt=""></div>
            </div>
            <div class="btn right" title="暂未开发">
              <img src="" alt="">
              <div class="text">开始专注</div>
            </div>
          </div>
        </div>
      </div>
      <!-- <div class="taskbar"></div> -->
      <div class="error-tips">
        <div class="top">
          <div class="title"><!-- 应用程序错误 --></div>
          <div class="close-box">
            <img class="close" src="./assets/image/svg/close-black.svg" alt="" />
            <img class="close" src="./assets/image/svg/close-919191.svg" alt="" />
            <img class="close" src="./assets/image/svg/close-fff.svg" alt="" />
          </div>
        </div>
        <div class="context">
          <img class="error-tips-svg" src="./assets/image/svg/error-tips.svg" alt="" />
          <div class="text">
            <!-- 应用程序无法正常启动(0x000186)。请单击"确定"关闭应用程序。 -->
          </div>
        </div>
        <div class="btns">
          <div class="background">
            <div class="z666"></div>
            <div class="zfff"></div>
            <div class="btn ok"><!-- 确定 --></div>
          </div>
        </div>
      </div>
      <div class="login-page">
        <img class="bgi" alt="" />
        <div class="page1">
          <div class="time">12:27</div>
          <div class="date">4月20日,星期四</div>
        </div>
        <div class="page2">
          <div class="avatar">
            <img class="avatar-img" alt="" />
          </div>
          <div class="userName"></div>
          <div class="login-ipt">
            <div class="password-box">
              <input class="password" type="password" name="" placeholder="密码" />
              <img class="preview-open" alt="" />
              <img class="arrow-right" alt="" />
            </div>
            <div class="password-tips">密码提示: 初始密码为123</div>
            <div class="password-reset">重置密码</div>
          </div>
          <div class="reset-password-ipt">
            <div class="password-box">
              <input class="password" type="password" name="" placeholder="旧密码" />
              <img class="preview-open" alt="" />
            </div>
            <div class="password-box">
              <input class="password" type="password" name="" placeholder="新密码" />
              <img class="preview-open" alt="" />
            </div>
            <div class="password-box">
              <input class="password" type="password" name="" placeholder="确认密码" />
              <img class="preview-open" alt="" />
            </div>
            <div class="password-box">
              <input class="password word-tips" type="text" name="" placeholder="密码提示" />
              <img class="arrow-right" alt="" />
            </div>
            <div class="password-reset" style="text-align: center;">
              创建密码重置盘
            </div>
            <div class="btn-box">
              <button class="btn">取消</button>
            </div>
          </div>
          <div class="password-error">
            <div class="password-tips" style="margin-top: 0;">
              <!-- 密码不正确。请再输入一次。 -->
            </div>
            <div class="btn-box">
              <button class="btn">确定</button>
            </div>
          </div>
        </div>
        <div class="footer">
          <button title="123132">
            <img src="./assets/image/svg/wifi.svg" alt="" />
          </button>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="assets/js/index.js"></script>

</html>